<!Doctype html>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen" />

        <link rel="stylesheet" type="text/css" href="../css/table_style.css" media="screen" />

        <link rel="stylesheet" type="text/css" href="../css/board.css" media="screen" />


        <script type="text/javascript" src="../javascript/jquery-1.3.2.min.js"></script>

        <script type="text/javascript" src="../javascript/ajax.js"></script>
        <script type="text/javascript" src="../javascript/game.js"></script>

        <title>Game ${gameTableName}</title>
    </head>
    <body onload="init('${gameTableName}', '${sessionPieceColor}')">
        <div class="container">
            <div class="top_div">
                <h1>Game ${gameTableName}</h1>
            </div>
            <div style="float: left; margin-left: 10px; width: 60%; height: 100%;">
                <table id="chess_board" cellpadding="0" cellspacing="0">

                </table>
            </div>
            <div id ="infoDiv" style="float: right; margin-right :35px; width: 30%" >
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <table id="gameInfoTable" class="tbl1">
                    <thead>
                        <tr>
                            <th>Color</th>
                            
                            <th>Name</th>

                            <th>Turn</th>

                            <th>Time</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><label>&#9678;</label></td>
                            <td><label >${player1Name}</label></td>
                            <td><label id="player1Turn"></label></td>
                            <td><label id="player1Time"></label></td>
                        </tr>
                        <tr>
                            <td><label>&#9673;</label></td>
                            <td><label >${player2Name}</label></td>
                            <td><label id="player2Turn"></label></td>
                            <td><label id="player2Time"></label></td>
                        </tr>
                    </tbody>
                </table>
             
            </div>
        </div>
    </body>
</html>